<template>
    <div class="page">
        <title-bar title="测试" />
        <div class="row">
            <div class="row-item">1</div>
            <div class="row-item2">2</div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { ref, onMounted } from "vue";
import axios from "@/utils/axios";
onMounted(() => {
    test();
})
const test = () => {
    axios.post('order/create', {
        id: 1, amount: 10,
    }).then(res => {
        console.log(res);
    })
}
</script>
<style lang="scss" scoped>
.column {
    display: flex;
    flex-direction: column;
}

.row {
    flex: 1;
    display: flex;
    flex-direction: row;

    &-item {
        width: 45vw;
        height: 100px;
        background-color: #5795b4;
    }

    &-item2 {
        width: 45vw;
        height: 100px;
        background-color: red;
    }
}
</style>